$(function () {
  // 初始化页面的基本内容
  // 本地图片预览
  $('#inputCover').change(function () {
    // 非空判断
    if (this.files[0]) {
      // 生成url
      let url = URL.createObjectURL(this.files[0])
      // 设置给img
      $(this)
        .prev('img')
        .attr('src', url)
    }
  })

  // 获取文章分类数据
  $.ajax({
    url: BigNew.category_list,
    type: 'get',
    success (backData) {
      //   console.log(backData)
      // 模板引擎渲染
      let tem = template('categoryTem', backData)
      // 渲染到页面上 name属性为categoryId的标签
      // [属性名=属性值]
      $('[name=categoryId]').html(tem)
    }
  })

  // 初始化日期选择器
  jeDate('.date', {
    format: 'YYYY-MM-DD',
    // 设置层级,盖住富文本 富文本的是10000
    zIndex: 10001
  })

  // 初始化富文本编辑器
  var E = window.wangEditor
  var editor = new E('.editor')
  // 或者 var editor = new E( document.getElementById('editor') )
  editor.create()

  // 解析url中的id
  // ?id=xx
  // console.log(window.location.search)
  // 分割等号
  let id = window.location.search.split('=')[1]
  //   console.log(id)
  // 获取对应的文章详情 并渲染到页面上
  $.ajax({
    url: BigNew.article_search,
    data: {
      id
    },
    success (backData) {
      // console.log(backData)
      // 文章的原始数据
      // 标题
      $('[name=title]').val(backData.data.title)
      // 封面
      $('.article_cover').attr('src', backData.data.cover)
      // 文章分类id
      $('[name=categoryId]').val(backData.data.categoryId)
      // 日期
      $('[name=date]').val(backData.data.date)
      // 富文本
      editor.txt.html(backData.data.content)
      // id 隐藏域
      $('[name=id]').val(backData.data.id)
    }
  })

  // 保存修改
  $('.btn-edit').click(function (e) {
    // 阻止默认行为
    e.preventDefault()
    // formData
    let data = new FormData($('#form')[0])
    // 追加富文本的内容
    data.append('content', editor.txt.html())
    // 追加状态
    data.append('state', '已发布')

    // ajax
    $.ajax({
      url: BigNew.article_edit,
      data,
      type: 'post',
      contentType: false,
      processData: false,
      success (backData) {
        console.log(backData)
        if (backData.code == 200) {
          alert('修改成功啦')
          window.location.href = './article_list.html'
        }
      }
    })
  })
  // 保存修改
  $('.btn-draft').click(function (e) {
    // 阻止默认行为
    e.preventDefault()
    // formData
    let data = new FormData($('#form')[0])
    // 追加富文本的内容
    data.append('content', editor.txt.html())
    // 追加状态
    data.append('state', '草稿')

    // ajax
    $.ajax({
      url: BigNew.article_edit,
      data,
      type: 'post',
      contentType: false,
      processData: false,
      success (backData) {
        console.log(backData)
        if (backData.code == 200) {
          alert('保存草稿成功了哦')
          window.location.href = './article_list.html'
        }
      }
    })
  })
})
